<!--作者:于大明-->
<template>
	<view class="ma-share-code"><uni-popup ref="popup" type="center">
			<uqrcode ref="qrcode" canvas-id="qrcode" :value="text" size="250"
				@complete="completeQrCode" v-show="!tempFilePath">
				<template v-slot:loading>
					<text style="color: green;">生成中...</text>
				</template>
				<!-- <template v-slot:h5save="{ tempFilePath }">
					<view
						style="display: flex;flex-direction: column;align-items: center;width: 700rpx;padding: 30px 0;background-color: #ffffff;">
						<text style="font-size: 14px;color: #9a9b9c;">若保存失败，请长按二维码进行保存</text>
						<image style="width: 500rpx;height: 500rpx;margin-top: 20px;" :src="tempFilePath"></image>
					</view>
				</template> -->
			</uqrcode>
			<view v-show="tempFilePath">
				<view class="font-weight" style="color: red;margin-left: 20rpx;font-size: 35rpx;">长按二维码可保存或发送给朋友</view>
				<image style="width: 500rpx;height: 500rpx;" :src="tempFilePath"></image>
			</view>
		</uni-popup>
	</view>
</template>

<script src="./ma-share-code.js"></script>

<style lang="less" scoped>
	@import url('ma-share-code.less');
</style>